<template>
  <q-page class="flex flex-center">
    <q-card class="my-card">
      <q-card-section>
        <div class="text-h6 text-center">建立组织</div>
      </q-card-section>

      <q-card-section>
        <q-form @submit="onSubmitCreateOrganization" class="q-gutter-md">
          <q-input filled v-model="organizationName" label="组织名称" />
          <q-input filled v-model="description" label="描述" type="textarea" />
          <div class="row justify-center q-pt-md">
            <q-btn label="创建组织" type="submit" color="primary" class="full-width" />
          </div>
        </q-form>
      </q-card-section>
    </q-card>
  </q-page>
</template>

<script>
export default {
  data() {
    return {
      organizationName: "",
      description: "",
    };
  },
  methods: {
    onSubmitCreateOrganization() {
      // 创建组织的逻辑
    },
  },
};
</script>

<style>
.my-card {
  width: 500px;
  max-width: 95%;
}
</style>
